<template>
  <div class="selected">
    <Topbar/>
        <Giftlist :itemdata="arra"/>
         <Bottom />
  </div>
</template>

<script>
import Topbar from "@/components/lp/topbar.vue"
import {getlink} from "@/api/getlink.js"
import Giftlist from "@/components/lp/giftlist.vue"
import Bottom from "../../components/my/bottom";
export default {
  components: {
    Topbar,Giftlist, Bottom,
  },
  data(){
    return {
      arr:[]
    }
  },
  mounted(){
    getlink("/demo/typeinfo").then((ok)=>{
      console.log(ok);
      this.arr = ok.data.typeflower
    })
  },
  computed:{
        arra(){
            return this.arr.slice(9,14)
        }
  }
}
</script>
<style scoped>
div{
  font-size: 0.16rem;
}
.selected{
  width: 100%;
}
</style>